<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蘑菇街</title>
    <link rel="stylesheet" href="../css/pulic.css">
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
    <div class="header">
      <div class="box">
        <a class="shouye" href='index.html' >首页</a>
        <a class="shangcheng" href="shopping.html" target="_blank">商城</a>
        <a class="order" href="./cart.html" target="_blank">我的订单</a>
        <a>关于我们</a>
      </div>
    </div>
    <div class="nav">
        <a href= ><img src="../images/190102_088f4i166l4gkl08k297h5kk8690i_260x200.png" alt=""></a>
        <span class="mulu">目录</span>
        <div class="box">
          <input type="text">
          <button></button>
          <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
            <li>8</li>
            <li>9</li>
            <li>10</li>
          </ul>
        </div>
        <p>消息</p>
        <p>收藏</p>
        <p class="cart">购物车</p>
        <p>下载APP</p>
        <span class="denglu">登录</span>
        <div class="on">
          <span>您好</span> <span class="username">你的孤独</span>
          <button class="logout">注销登录</button>
        </div>
        <div class="off">
          <span>您好</span> <a href="./login.html">请登录</a>
        </div>
        <div class="list2">
          <div class="left">
              <p class="title">主题市场</p>
              <ul>
                  <Li>上衣</Li>
                  <Li>裙装</Li>
                  <Li>裤子</Li>
                  <Li>女鞋</Li>
                  <Li>美妆</Li>
                  <Li>包包</Li>
                  <Li>配饰</Li>
                  <Li>男友</Li>
                  <Li>内衣</Li>
                  <Li>母婴</Li>
                  <Li>家居</Li>
                  <Li>食品</Li>
              </ul>
          </div>
          <div class="center">
              <div class="title"> 
                <p>热门品牌</p>
                <span>全部品牌 ></span>
              </div>
              <ul>
                  <li>PRADA</li>
                  <li>SICLCILY 西西里</li>
                  <li>CHANEL</li>
                  <li>DREAM TREND</li>
                  <li>夏梵尼</li>
                  <li>御泥坊</li>
                  <li>衣阁香拉</li>
                  <li>美康粉黛</li>
                  <li>New balance</li>
              </ul> 
          </div>
          <div class="right">
            <div class="title"> 
                <p>流行话题</p>
                <span>全部话题 ></span>
            </div>
            <ul>
                <li>#小长假倒计时，明天上班穿这套！#</li>
                <li>#小长假倒计时，明天上班穿这套！#</li>
                <li>#小长假倒计时，明天上班穿这套！#</li>
                <li>#小长假倒计时，明天上班穿这套！#</li>
                <li>#小长假倒计时，明天上班穿这套！#</li>
                <li>#小长假倒计时，明天上班穿这套！#</li>
               
            </ul>
          </div>
      </div>
  </div>
 
    </div>
    <div class="picture">
        <img class="img1"src="../images/190520_1bag70e8cjfdj807k4kbcgg095lia_220x320.gif" alt="">
        <img class="img2"src="../images/210806_7fgc59b73il2f2827glgfdlh326gc_710x750.jpg" alt="">
          <!-- <ul class="pic"> -->
            <li>
              <img src="../images/210429_8683jg9bjj8f379l01426dll0cfa3_750x1125.jpg_500x9999.v1c7E.81.webp" alt="">
              <p>描述</p> 
              <div>
                 <p class="price">￥<span>100.00</span></p>
                 <i>销量</i>
              </div>
            </li>
            <li>
              <img src="../images/210429_8683jg9bjj8f379l01426dll0cfa3_750x1125.jpg_500x9999.v1c7E.81.webp" alt="">
              <p>描述</p> 
              <div>
                 <p class="price">￥<span>100.00</span></p>
                 <i>销量</i>
              </div>
            </li>
            <li>
              <img src="../images/210429_8683jg9bjj8f379l01426dll0cfa3_750x1125.jpg_500x9999.v1c7E.81.webp" alt="">
              <p>描述</p> 
              <div>
                 <p class="price">￥<span>100.00</span></p>
                 <i>销量</i>
              </div>
            </li>
            <div class="box">
              <div class="top">
                  <p>
                      <span>购物</span>商城</p>
                  <span>
                      <i>|</i> 潮流新品抢先购
                  </span>
              </div>
              <div class="center">
                  <ul>
                      <li>
                        <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                      <li>
                          <img src="../images/181031_20c98cekk381c5i3ladb506e8g290_172x172.png" alt="">
                        <p>上衣</p>
                      </li>
                  </ul>
              </div>
              <div class="bottom">
                  <ul class="clothes">
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                      <li>时尚套装</li>
                  </ul>
              </div>
          </div>
            
              <li>
                <img src="../images/210429_8683jg9bjj8f379l01426dll0cfa3_750x1125.jpg_500x9999.v1c7E.81.webp" alt="">
                <p>描述</p> 
                <div>
                   <p class="price">￥<span>100.00</span></p>
                   <i>销量</i>
                </div>
              </li>
            <ul class="listbox"></ul>
           
     
          <!-- </ul> -->
        
        
    </div>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/utils.js"></script>
    
    <script>
        // https://s5.mogucdn.com/mlcdn/c45406/200217_83ldkci1b1ec392f191899a927h99_800x1200.jpg_500x9999.v1c7E.81.webp
        // https://s5.mogucdn.com/mlcdn/c45406/190217_50i261kbbk4390bi98ca49g1clb9f_640x960.jpg_500x9999.v1c7E.81.webp
        
    </script>
</body>
</html>